.test-panel-r {width:239px; float:right; clear:both}
.test-container {margin-right:240px; overflow:hidden}
@media (max-width: 1350px) {.test-container {margin:0 240px 0 15px}}
@media (max-width: 1200px) {.test-container {margin:0 240px 0 35px}}
.test-arrow-l {width:30px; text-align:center; position:absolute; margin:2px 0 0 -45px;font-size:25px}
.test-arrow-r {width:48px; text-align:left; position:relative; float:right; padding-left:2px; margin-top:2px;font-size:25px}

.qsb-div {position:relative;width:34px; height:22px; display:inline-block; margin:4px 3px}
.qsb-gen { display:block;  text-decoration:none; background-color: #faf9f7; color: #999; cursor: pointer; font-size:12px; width:34px; height:18px; padding-top:3px; text-align:center; border-bottom:1px solid rgba(0,0,0,0.15) }
.qsb-gen:hover { text-decoration: none; }
.qsb-ans-cor { background-color: #3dcc61} 
.qsb-ans-wr { background-color: #ff6a4c  } 
.text-all ul.fancySelect li:before {content:''}
.text-all ul.fancySelect {margin: 0 0.4em; padding: 2px 0}
.text-all ul.fancySelect > li > span {color:#5e98d7;font-weight:600}
.text-all ul.cor > li > span {color:#43d38f}
.text-all ul.wr > li > span {color:#ff5236}
.text-all ul.fancySelect li[data-settings='1'] span {background-color: #43d38f !important;color:white !important }
.text-all ul.fancySelect li[data-settings='-1'] span {background-color: #ff5236 !important;color:white !important }
.qsb-ans-txt-cor { color: #3dcc61} 
.qsb-ans-txt-wr { color: #ff6a4c  } 
.qsb-gen:link, .qsb-gen:visited, .qsb-gen:hover { color: #999;}
.qsb-ans-wr:link, .qsb-ans-wr:visited, .qsb-ans-wr:hover, .qsb-ans-cor:link, .qsb-ans-cor:visited, .qsb-ans-cor:hover, .qsb-ans:link, .qsb-ans:visited, .qsb-ans:hover { color:white;}
.qsb-ans { background-color: #4488D8;  }
.qsb-ans-cont-cb > div > span {float:left; width:30px}
.qsb-ans-cont-cb > div > div label {margin-left:34px;display:block;cursor:pointer}
.qsb-ans-cont-cb label.dis {cursor:default}
.qsb-ans-cont-cb > div {clear:both;padding-top:5px}
.qsb-sel { border: 1px solid #000; width:32px; height:18px;  padding-top:2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.mark-square { position:absolute; display:block; top:-5px; left:28px;font-size: 10px; padding:1px 0 0 1px; color:#fff; width: 9px; height: 9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #999;}
.mark-square i {top:-3px;position:relative;left:-1px}
#keymapimg {display:none;position: absolute; top: 0; left: 0; right: 0; bottom: 0;z-index:101;color:white}
#keymapimg span {font-size:22px}
#keymapimg a {width:90px;margin-top:20px}
#keymapimg > div {position: absolute; margin:230px 0 0 -60px; left: 50%; top: 50%;z-index:102;display:inline-block;text-align:center}
.keymapimg1 {background: rgba(0,0,0,.9) url('/Data/UI/testkeyboardtip1.png') no-repeat center center}
.keymapimg2 {background: rgba(0,0,0,.9) url('/Data/UI/testkeyboardtip2.png') no-repeat center center}

.test-time {width:280px; text-align:right; font-size:24px; vertical-align:bottom;font-weight:300}

#Panel_Figures {padding:5px 20px 30px 0}
#Panel_Figures:after {content: "."; display: block; height: 0; clear: both; visibility: hidden }
#TB_AnswerText {margin-right:6px; font-weight:600}
#L_AnswerTextCorrect {margin-left:30px;font-weight:600}

select {-webkit-appearance: none !important; -moz-appearance: none; appearance: none; font-size:14px !important; font-weight:600 !important;font-family:'Open Sans' !important}

label.lbl-chckbox-test:before { width: 12px; height: 9px; padding-top:3px; /*line-height: 12px;*/ border: 2px solid #747980; border-radius: 2px; content: ""; display: inline-block; margin-right: 5px; vertical-align: middle; position:relative; top: -1px; cursor:pointer}
input[type=checkbox].cb-flags:checked + label.lbl-chckbox-test:before, label.lbl-chckbox-test.selected:before {content: "\e806"; font-family: "fontello"; background-color: #488AD5; color:white; border:none; height:13px; width:16px; font-size: 15px; vertical-align: middle; text-align: center; line-height: 10px}
label.chckbox-red:before, input[type=checkbox].cb-flags:checked + label.chckbox-red:before {background-color: #FF6A4C !important;border:none;height:13px; width:16px;cursor:default}
label.chckbox-green:before, input[type=checkbox].cb-flags:checked + label.chckbox-green:before {background-color: #6CD97E !important;border:none;height:13px; width:16px;cursor:default}